Page({

  /**
   * 页面的初始数据
   */
  data: {
    width: 0,
    height: 0,
    x: -1,
    y: -1,
    length: -1,   // 长度
    angle: 90,    // 倾斜角度
    width: -1,    // 宽度
    height: -1,   // 高度
    speed: 1,     // 速度
    offset_x: 0,  // 横轴移动偏移量
    offset_y: 0,  // 纵轴移动偏移量
    alpha: 1,     // 透明度
    color1: "",   // 红包的色彩
    color2: "",   // 红包的色彩
    rainCount: 30,
    rains: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this
    //获取系统信息  
    wx.getSystemInfo({
      //获取系统信息成功，将系统窗口的宽高赋给页面的宽高  
      success: function (res) {
        that.width = res.windowWidth
        // console.log(that.width)   375
        that.height = res.windowHeight
        // console.log(that.height)  625
        // 这里的单位是PX，实际的手机屏幕有一个Dpr，这里选择iphone，默认Dpr是2
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },


  /****************初始化函数********************/
  init: function () { //初始化
    this.getPos();
    this.alpha = 1;//透明度
    // this.getRandomColor();
    //最小长度，最大长度
    var x = Math.random() * 80 + 150;
    this.length = Math.ceil(x);
    this.angle = Math.random() * 50 + 75; //红包倾斜角
    x = Math.random() + .4;
    this.speed = x; //红包的速度
    var cos = Math.cos(this.angle * 3.14 / 180);
    var sin = Math.sin(this.angle * 3.14 / 180) * 5;
    this.width = this.length * cos;  //红包所占宽度
    this.height = this.length * sin;//红包所占高度
    this.offset_x = this.speed * cos;
    this.offset_y = this.speed * sin;
  },

  /*****************获取随机坐标的函数*****************/
  getPos: function () {
    //横坐标200--1200
    this.x = Math.random() * this.width;   // 窗口宽度
    //纵坐标小于600
    this.y = Math.random() * this.height;  // 窗口高度
  },

  /***************重新计算红包坐标的函数******************/
  countPos: function () {
    //往左下移动,x减少，y增加
    this.x = this.x - this.offset_x;
    this.y = this.y + this.offset_y;
  },

  /****绘制红包***************************/
  draw: function () {  //绘制一个红包的函数
    context.drawImage("../../images/ic_home_1_checked.png", this.x + this.width, this.y - this.height, 59, 77);
    // context.save();
    // context.beginPath();
  },


  move: function () {
    //清空红包像素
    var x = this.x + this.width - this.offset_x;
    var y = this.y - this.height;
    //重新计算位置，往左下移动
    this.countPos();
    //透明度增加
    this.alpha -= 0.002;
    //重绘
    this.draw();
  },


  //绘制红包
  playRains: function () {

    for (var n = 0; n < this.rainCount; n++) {
      var rain = this.rains[n];
      this.move();//移动
      if (rain.y > this.height * 3) {//超出界限后重来
        rains[n] = this;
        rains[n].init();
      }
    }
    // if (this.canvasShow == true) {
    //   var redBagTimer = setTimeout(function () {
    //     playRains()
    //   }, 2);
    // } else {
    //   $("#stars").fadeOut(0);
    //   clearTimeout(redBagTimer)
    // }
  },

  /*红包雨开始*/
  MeteorRain: function () {





    //画红包
    for (var i = 0; i < this.rainCount; i++) {
      var rain = this;
      rain.init();
      rain.draw();
      this.rains.push(rain);
    }
    playRains();//绘制红包

  },



})